﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>这一切都是命运石之门的选择->Home</title>
    <link rel="shortcut icon" href="/static/images/ico.jpg" media="screen" />
    <link href="/static/yui/style/index.style.css" rel="stylesheet" type="text/css" />
    <!--gallery-->
    <script src="/static/yui/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/yui/jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="/static/yui/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/yui/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css"
        media="screen" />
    <script type="text/javascript">
        $(document).ready(function () {

            $("a[rel=example_group]").fancybox({
                'transitionIn': 'none',
                'transitionOut': 'none',
                'titlePosition': 'over',
                'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });

        });
    </script>
    <!--gallery-->
    <style type="text/css">
        .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px
        }

        .pagination > li {
            display: inline
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #eee
        }

        .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #428bca;
            border-color: #428bca
        }

        .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
            color: #999;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd
        }

        .pagination-lg > li > a, .pagination-lg > li > span {
            padding: 10px 16px;
            font-size: 18px
        }

        .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
            border-bottom-left-radius: 6px;
            border-top-left-radius: 6px
        }

        .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .pagination-sm > li > a, .pagination-sm > li > span {
            padding: 5px 10px;
            font-size: 12px
        }

        .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }
    </style>
</head>
<body>
    <!--wrapper start-->
    <div id="wrapper">
        <!--mainbody start-->
        <div id="mainbody">
            <div id="logo">
                <a href="index"></a>
            </div>
            <!--navigation start-->
            <div id="navigation">
                <div class="nav">
                    <ul>
                        <li><a href="index"><span>主页</span></a></li>
                        <li>|</li>
                        <li><a href="album" class="active"><span>记忆回廊</span></a></li>
                        <li>|</li>
                        <li><a href="blog"><span>数据中心</span></a></li>
                    </ul>
                </div>
            </div>
            <!--navigation end-->
            <!--main start-->
            <div id="main">
                <!--work_items start-->
                <div class="work_items">
                    <div class="grey_bar">
                        <!--breadcrumbs start-->
                        <div id="breadcrumbs">
                            <ul>
                                <select onchange="switchAlbum()"  class="form-control" name="label">
                                    <foreach name="labels" item="label">
                                        <eq name="dlabel" value="$label.code">
                                            <option value="{$label.code}" selected>{$label.name}</option>
                                            <else/>
                                            <option value="{$label.code}">{$label.name}</option>
                                        </eq>
                                    </foreach>
                                </select>
                            </ul>
                        </div>
                        <!--breadcrumbs end-->
                        <h2>
                            记忆回廊
                        </h2>
                    </div>
                    <div class="clearfix">
                    </div>
                    <!--work_gallery start-->
                    <div id="work_gallery">
                        <!--pro_items start-->
                        <div class="pro_items">
                            <foreach name="data" item="vo">
                                <a rel="example_group" class="gallery-box" href="{$vo.url}"
                                   title="Lorem ipsum dolor sit amet">
                                    <img alt="" class="yui_img" src="{$vo.url}" /></a>
                            </foreach>
                        </div>
                        <!--pro_items end-->

                        <div class="clearfix">
                        </div>
                    </div>
                    <!--work_gallery end-->
                </div>
                <!--work_items end-->
            </div>
            <div class="row yui_page">
                {$data->render()}
            </div>
            <!--main end-->
        </div>
        <!--mainbody end-->
    </div>
    <!--wrapper end-->
    <div class="clearfix">
    </div>
    <!--footer start-->
    <div id="footer">
        <p>
            <span><a href="#">Copyright</a> © EGrappler. cssmoban - Collect from </span>
        </p>
        <p>
            <span>All Rights Reserved.</span></p>
        <div class="clearfix">
        </div>
    </div>
    <!--footer end-->
</body>
    <script>
       function switchAlbum() {
           var label=$("select[name='label']").val();
           location.href='album?label='+label;
       }
    </script>
</html>
